<style>
    .header{
        height: 60px;
        width: 100%;
        background-color:#dfdfdf;
    }
    img{
        width:30px;
        height: 30px;
        margin-top: 15px;
        margin-left:3%;
        float: left;
        margin-right: 10px;
    }
    .title{
        width: 60%;
        float: left;
        text-align: left;

    }
    .btn{
        float: right;
        height: 15px;
        margin-top: 20px;
        width:12%;
        margin-right: 4%;
        border-radius: 3px;
        border: 1px solid red;
        color: red;
        line-height: 15px;
        text-align: center;
    }
    .content{
        width: 100%;
        height: 160px;
        background-color: #000000;
        z-index: -999;
    }
    video{
        margin-top: 10px;
    }
</style>
<div class="header">
    <img src="/images/hewuqi/icon.png">
    <div class="title">
        <p style="font-size: 8px;font-weight: 300;margin-top: 20px">核舞器<br>打造中国街舞第一品牌</p>
    </div>
    <div class="btn">
           <p style="font-size: 10px">打开</p>
    </div>
</div>
<div class="content">
    <video width="100%" height="140" controls="controls" src="<%=data.video_url%>">

    </video>
</div>
<footer style="padding: 5px">
    视频简介:<%=data.video_intro%>
</footer>